<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>智能门禁管理</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/control.css" rel="stylesheet">
    <link href="css/access_control.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
</head>
<body style="cursor: pointer">
<div class="form_basic">
    <div class="basic">
        <span class="basic_info">基本信息</span>
        <table class="table">
            <tbody>
            <tr>
                <td width="15%" style="text-align: center;color: #aaaaaa">姓名</td>
                <td>苏丹</td>
            </tr>
            <tr>
                <td width="15%" style="text-align: center;color: #aaaaaa">楼栋单元房号</td>
                <td></td>
            </tr>
            <tr>
                <td width="15%" style="text-align: center;color: #aaaaaa">手机号</td>
                <td>18814885184</td>
            </tr>
            <tr>
                <td width="15%" style="text-align: center;color: #aaaaaa">申请时间</td>
                <td>2017-06-25 14:55:16</td>
            </tr>
            <tr>
                <td width="15%" style="text-align: center;color: #aaaaaa">备注</td>
                <td></td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="form-group">
        <label class="control-label"><i class="require">*</i>房租状态:</label>
        <input type="radio" checked="" name="roomStatus" size="30" value="1"><label>自住</label>
        <input type="radio" name="roomStatus" size="30" value="2" style="margin-left: 10px;"><label>出租</label>
        <input type="radio" name="roomStatus" size="30" value="3" style="margin-left: 10px;"><label>空置</label>
    </div>
    <div class="form-group">
        <label class="control-label" style="margin-top: 3px"><i class="require">*</i>钥匙配发:</label>
        <input type="radio" checked="" name="keySelect" size="30" value="1" style="margin-top: 3px">
        <label style="margin-top: 3px">默认</label>
        <input type="button" class="btn-calss" value="选择">
    </div>
    <div class="form-group">
        <label class="control-label" style="margin-top: 9px"><i class="require">*</i>有效时间:</label>
        <div class="search-list-daily" style="width: 27%;overflow: hidden;margin-left:10px">
            <input name="control_date" type="text" id="control_date" size="10" maxlength="10" onClick="new Calendar().show(this);" readonly="readonly" />
        </div>
        <a>(设置钥匙有效期)</a>
    </div>
</div>

<div class="unit" style="display: none">
    <span class="unit_info">单元门禁</span>
    <div class="right_box_down" style="height: 185px;margin-bottom: 15px">
        <div class="right_box_cen colour_con">
            <span class="con-1" style="width: 5%"></span>
            <span class="con-1" style="width: 5%">
                <input type="checkbox" name="selectall" style="z-index: 3">
            </span>
            <span class="send con-7  send_region" style="width: 45%">门禁名称
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_company" style="width: 45%">类型
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
        </div>
        <div class="right_box_cen serial ">
            <span class="con-1" style="width: 5%">1</span>
            <span class="con-1" style="width: 5%"><input type="checkbox" name="stuCheckBox"></span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
        </div>
        <div class="right_box_cen serial ">
            <span class="con-1" style="width: 5%">1</span>
            <span class="con-1" style="width: 5%"><input type="checkbox" name="stuCheckBox"></span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
        </div>
        <div class="right_box_cen serial ">
            <span class="con-1" style="width: 5%">1</span>
            <span class="con-1" style="width: 5%"><input type="checkbox" name="stuCheckBox"></span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
        </div>
        <div class="right_box_cen serial ">
            <span class="con-1" style="width: 5%">1</span>
            <span class="con-1" style="width: 5%"><input type="checkbox" name="stuCheckBox"></span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
        </div>
    </div>
    <span class="unit_info">公共门禁（*勾选楼栋门时，默认配发公共门禁）</span>
    <div class="right_box_down" style="height: 177px;margin-bottom: 15px">
        <div class="right_box_cen box_cen colour_con">
            <span class="con-1" style="width: 5%"></span>
            <span class="con-1" style="width: 5%">
                <input type="checkbox" name="selectall" style="z-index: 3">
            </span>
            <span class="send con-7  send_region" style="width: 45%">门禁名称
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_company" style="width: 45%">类型
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
        </div>
        <div class="right_box_cen box_cen serial ">
            <span class="con-1" style="width: 5%">1</span>
            <span class="con-1" style="width: 5%"><input type="checkbox" name="stuCheckBox"></span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
        </div>
        <div class="right_box_cen box_cen serial ">
            <span class="con-1" style="width: 5%">1</span>
            <span class="con-1" style="width: 5%"><input type="checkbox" name="stuCheckBox"></span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
        </div>
        <div class="right_box_cen box_cen serial ">
            <span class="con-1" style="width: 5%">1</span>
            <span class="con-1" style="width: 5%"><input type="checkbox" name="stuCheckBox"></span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
        </div>
        <div class="right_box_cen box_cen serial ">
            <span class="con-1" style="width: 5%">1</span>
            <span class="con-1" style="width: 5%"><input type="checkbox" name="stuCheckBox"></span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
            <span class="con-7 oper" style="width: 45%">131616341351531</span>
        </div>
    </div>

    <span class="unit_info">设置钥匙有效期</span>
    <div class="form-group" style="height:47px;border: 1px solid #999999;margin: 0">
        <label class="control-label" style="margin:10px  15px;font-size:18px;color: #666666; ">钥匙有效期至:</label>
        <div class="search-list-daily" style="width: 27%;overflow: hidden;margin-top:5px">
            <input name="control_date" type="text" id="control_date" size="10" maxlength="10" onClick="new Calendar().show(this);" readonly="readonly" />
        </div>
    </div>
</div>

</body>
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/layer.js"></script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/ajax_data.js" type="text/javascript"></script>
<script src="js/access.js" type="text/javascript"></script>
<script src="js/access_control.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/time.js" type="text/javascript"></script>
<script>

    $('.btn-calss').on('click',function () {
        $('.form_basic').hide();
        $('.unit').show();
    });
    $('.box_cen input').attr("checked", true);
</script>
</html>